<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.prime.com.tr/ui"
	template="/layout/templateAdministrador.xhtml">
	<ui:define name="title">
		<title>Mantenimiento de Usuarios Internos</title>
	</ui:define>
	<ui:define name="body">
		<p:tabView>
			<p:tab title="Mantenimiento de Usuarios">

				<h:form id="form">
					<div style="height: 29px;" align="right">
						<p:commandButton ajax="false" title="Crear Nuevo Usuario"
							value="Nuevo" action="#{manUsuarioBM.irRegUsuario}"
							style="width: 70px; height: 29px;" />
					</div>
					<br />
					<p:dataTable id="dtusuario" value="#{manUsuarioBM.lstUsuarios}"
						var="d" styleClass="scrollerTable" paginator="true"
						emptyMessage="No se encuentran usuarios registrados"
						paginatorTemplate="{CurrentPageReport}  {FirstPageLink} 
							{PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
						rowsPerPageTemplate="5,10,15"
						rows="#{manUsuarioBM.numlstUsuarios}">
						<f:facet name="header">  
		          				 Lista de Usuarios  
		        			</f:facet>

						<p:column id="nombre_usuario" sortBy="#{d.nombresCompletos}"
							filterBy="#{d.nombresCompletos}">
							<f:facet name="header">
								<h:outputLabel value="Nombre del Usuario" />
							</f:facet>
							<h:outputText value="#{d.nombresCompletos}" />
						</p:column>
						<p:column id="area" filterBy="#{d.area}" sortBy="#{d.area}">
							<f:facet name="header">
								<h:outputText value="Area del Usuario" />
							</f:facet>
							<h:outputText value="#{d.area}" />
						</p:column>
						<p:column id="carguito" filterBy="#{d.cargo}" sortBy="#{d.cargo}">
							<f:facet name="header">
								<h:outputText value="Cargo del Usuario" />
							</f:facet>
							<h:outputText value="#{d.cargo}" />
						</p:column>
						<p:column id="descripcion_requisito" sortBy="#{d.fechaRegistro}"
							filterBy="#{d.fechaRegistro}">
							<div align="center">
								<f:facet name="header">
									<h:outputText value="Fecha de Registro" />
								</f:facet>
								<h:outputText value="#{d.fechaRegistro}" />
							</div>
						</p:column>
						<p:column style="width:100px" headerText="Opciones">
							<h:panelGrid columns="2" styleClass="actions" cellpadding="2">
								<h:commandLink action="#{manUsuarioBM.buscarUsuarioDetalle}" style="border:0px">
									<f:param name="codUsuario" value="#{d.idUsuario}"
										id="codUsuario" />
									<h:graphicImage url="images/botton/verUser.png"
										title="Modificar" style="border:0" />
								</h:commandLink>
								<p:commandButton title="Eliminar"
									actionListener="#{manUsuarioBM.actionListener}"
									onclick="confirmationUsuario.show()"
									style="background: url('images/botton/delUser.png') no-repeat;
												background-position: center bottom; width: 28px; 
												height: 28px; border:0">
									<f:param name="codUsuarioE" value="#{d.idUsuario}"
										id="codUsuarioE" />
								</p:commandButton>
							</h:panelGrid>
						</p:column>
						<f:facet name="footer">
							<h:outputText
								value="Cantidad de Usuarios Registrados: #{manUsuarioBM.cantlstUsuarios}" />
						</f:facet>
					</p:dataTable>
					<br />
					<br />
					<br />
				</h:form>
			</p:tab>
		</p:tabView>
	</ui:define>
</ui:composition>